<template>
  <div class="header">
    <div class="top">头部</div>
    <MyButton />
    <div />
  </div>
</template>

<script>
// 下面是局部注册，因为这个组件需要在 所有子组件里面使用，每个里面都要像下面这样导入 注册一遍，比较繁琐
// 所以我们对于 在很多个地方使用的组件，推荐使用 全局注册
// import MyButton from './MyButton.vue'
// // 下面是写vue组件，必须写的一句话，表示向外导出这个文件
// export default {
//   components: {
//     MyButton
//   }
// }
</script>

<style scoped>
.header {
  padding: 15px;
  background-color: lightblue;
}
.top {
  color: red;
  font-size: 25px;
}
</style>